<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./零食.css">
</head>
<body>
    <div id="box">
        <div id="top">
            <div id="left">
                <ul id="ul"></ul>
            </div>
            <div id="right">
                <ul id="ul2"></ul>
            </div>
        </div>
        <div id="top_a">
            <img src="./淘宝.png" alt="">
            <input type="text" placeholder="零食">
            <button class="b">搜索</button>
        </div>
        <div id="top_b">
            <ul id="ul3">
                <li>所有宝贝</li>
                <li>天猫</li>
                <li>二手</li>
            </ul>
        </div>
        <div id="main_a">
            <div class="suo">所有分类</div>
            <button id="btn1">收起筛选</button>
        </div>
        <div id="main_b">
            <div id="b1">
                <ul id="ul4"></ul>
            </div>
            <div id="b2">
                <ul id="ul5"></ul>
            </div>
            <div id="b3">
                <ul id="ul6"></ul>
            </div>
            <div id="b4">
                <ul id="ul7"></ul>
            </div>
            <div id="b5">
                <ul id="ul8"></ul>
            </div>
        </div>
        <div id="main_c">
            <ul id="ul9"></ul>
        </div>
        <div id="main_d">
           <button id="zong">综合排序</button>
            <button id="xiao">销量</button>
            <button id="jia">价格</button>
            <input type="text" id="min" placeholder="￥">
            <input type="text" id="max" placeholder="￥">
            <button id="ti">筛选</button>
        </div>
        <div id="main_img">
           <dl id="dl">
               <dt> </dt>
               <dd>
               </dd>
           </dl>
            
        </div>
    </div>
    <script src="./零食.js"></script>
</body>
</html>